<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <title>实物订单</title>
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_member.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_common.css">
    <link rel="stylesheet" type="text/css" href="../../css/nctouch_cart.css">
    <style>
        .w20h li {
            width: 25%;
        }
    </style>
</head>
<body>
<header id="header" class="fixed">
    <div class="header-wrap">
        <div class="header-l"><a href="javascript:history.go(-1);"><i class="back"></i></a></div>
        <span class="header-tab"><a href="javascript:void(0);" class="cur">实物订单</a><a href="fenxiao_store_vr_order_list.html">虚拟订单</a></span>
        <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
    </div>
    <div class="nctouch-nav-layout">
        <div class="nctouch-nav-menu"> <span class="arrow"></span>
            <ul>
                <li><a href="../../index.html"><i class="home"></i>首页</a></li>
                <li><a href="../search.html"><i class="search"></i>搜索</a></li>
                <li><a href="../product_first_categroy.html"><i class="categroy"></i>分类</a></li>
                <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
                <li><a href="../cart_list.html"><i class="cart"></i>购物车<sup></sup></a></li>
                <li><a href="member.html"><i class="member"></i>我的商城</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="nctouch-main-layout">
    <div class="nctouch-order-search">
        <form>
      <span><input type="text" autocomplete="on" maxlength="50" placeholder="输入商品标题或订单号进行搜索" name="order_key" id="order_key" oninput="writeClear($(this));" >
      <span class="input-del"></span></span>
            <input type="button" id="search_btn" value="&nbsp;">
        </form>
    </div>
    <div id="fixed_nav" class="nctouch-single-nav">
        <ul id="filtrate_ul" class="w20h">
            <li class="selected"><a href="javascript:void(0);" data-state="">全部</a></li>
            <li><a href="javascript:void(0);" data-state="state_new">待付款</a></li>
            <li><a href="javascript:void(0);" data-state="state_send">待收货</a></li>
            <li><a href="javascript:void(0);" data-state="state_noeval">待评价</a></li>
        </ul>
    </div>
    <div class="nctouch-order-list">
        <ul id="order-list">
        </ul>
    </div>
</div>

<div class="fix-block-r">
    <a href="javascript:void(0);" class="gotop-btn gotop hide" id="goTopBtn"><i></i></a>
</div>
<footer id="footer" class="bottom"></footer>
<script type="text/html" id="order-list-tmpl">
    <% var order_group_list = datas.order_group_list; %>
    <% if (order_group_list.length > 0){%>
    <% for(var i = 0;i<order_group_list.length;i++){
        var order_goods = order_group_list[i];
    %>
    <li class="<%if(order_group_list[i].pay_amount){%>green-order-skin<%}else{%>gray-order-skin<%}%> <%if(i>0){%>mt10<%}%>">
        <div class="nctouch-order-item">
            <div class="nctouch-order-item-head">
                <a class="store"><i class="icon"></i><%=store_name%></a>
						<span class="state">
							<%
								var stateClass ="ot-finish";
								var orderstate = order_goods.order_status;
								if(orderstate == 20 || orderstate == 30 || orderstate == 40){
									stateClass = stateClass;
								}else if(orderstate == 0) {
									stateClass = "ot-cancel";
								}else {
									stateClass = "ot-nofinish";
								}
                                var statstr = '待付款';
                                if(orderstate == 20){statstr = '待收货';};
                                if(orderstate == 30){statstr = '待收货';};
                                if(orderstate == 40){statstr = '待评价';};
							%>
							<span class="<%=stateClass%>"><%=statstr%></span>
						</span>
            </div>
            <div class="nctouch-order-item-con">
                <div class="goods-block">
                    <a href="javascript:;">
                        <div class="goods-pic">
                            <img src="<%=order_goods.goods_image_url%>"/>
                        </div>
                        <dl class="goods-info">
                            <dt class="goods-name"><%=order_goods.goods_name%></dt>
                            <dd class="goods-type"><%=order_goods.goods_spec%></dd>
                        </dl>
                        <div class="goods-subtotal">
                            <span class="goods-price">￥<em><%=order_goods.goods_price%></em></span>
                            <span class="goods-num">x<%=order_goods.goods_num%></span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="nctouch-order-item-footer">
                <div class="store-totle">
                    <span>合计</span><span class="sum">￥<em><%=order_goods.goods_pay_price%></em></span>
                </div>
            </div>
        </div>
    </li>
    <%}%>
        <% if (hasmore) {%>
        <li class="loading"><div class="spinner"><i></i></div>订单数据读取中...</li>
        <% } %>
    <%}else {%>
    <div class="nctouch-norecord order">
        <div class="norecord-ico"><i></i></div>
        <dl>
            <dt>您还没有相关的订单</dt>
            <dd>可以去看看哪些想要买的</dd>
        </dl>
        <a href="<%=WapSiteUrl%>" class="btn">随便逛逛</a>
    </div>
    <%}%>
</script>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/template.js"></script>
<script type="text/javascript" src="../../js/config.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/simple-plugin.js"></script>
<script type="text/javascript" src="../../js/zepto.waypoints.js"></script>
<script type="text/javascript" src="../../js/tmpl/fenxiao_store_order_list.js"></script>
</body>
</html>